<template>
  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
    <li v-for="i in count" class="infinite-list-item" :key="i">{{ i }}</li>
  </ul>
</template>

<script>
export default {
  name: 'Test',
  data() {
    return {
      count: 0
    }
  },
  methods: {
    load() {
      this.count += 2
    }
  }
}
</script>

<style lang="less" scoped>
.bg {
  background: #000;
  height: 100vh;
  overflow: hidden;
}
</style>

